<script setup lang="ts"></script>

<template>
   <div class="order-pay-result-page">
      <nav-bar title="药品支付结果" @click-left="$router.push('/')" />
      <div class="result">
         <van-icon name="checked" />
         <p class="status">支付成功</p>
         <p class="tip">订单支付成功，已通知药房尽快发出， 请耐心等待~</p>
      </div>
   </div>
</template>

<style lang="scss" scoped>
.order-pay-result-page {

   .result {
      display: flex;
      flex-direction: column;
      align-items: center;

      .van-icon {
         font-size: 75px;
         margin-top: 60px;
      }


      .van-icon-checked {
         color: var(--cp-primary);
      }

      .price {
         font-size: 22px;
         margin-top: 10px;
      }

      .status {
         color: var(--cp-text3);
      }

      .tip {
         color: var(--cp-tip);
         width: 240px;
         text-align: center;
         margin-top: 20px;
      }
   }

   .btn {
      margin-top: 60px;
      display: flex;
      justify-content: center;

      .van-button--primary {
         margin-right: 20px;
      }
   }
}
</style>
